07-Programação de Funcionalidades.md

Programação de Funcionalidades

Nessa sessão da documentação, será apresentada as telas com cada funcionalidade do projeto.

Página Principal

Requisitos Funcionais aplicados

• RF-002
• RF-003
• RF-004
• RF-006

Artefatos

• index.html;
• index.css;
• logo-principal.png;
• telapagemento.html;
• englishhome.html;
• residir.hmtl;
• mercadoTrabalho.html;
• leis-img.png;
• leisImigracao.hmtl;
• dirigir-img.png;
• carteiraMotorista.html;
• kelly-sikkema-4le7k9XVYjE-unsplash.jpg;
• ajuda.html;
• refugio-img.png;
• refugio.html;
• saude-mental.png;
• mental.html;
• sociais.html;
• mulher.png;
• mercadoTrabalho.html;
• trabalho.png;
• integração.html;
• informe-esfuerzo365x200 2 (2).png;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• darkMode.js;
• alertaNewsletterPortugues.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Para acessar a página inicial, acessar atráves do link: Imigra Brasil
  
  

Visualizar detalhes das informações

Requisitos Funcionais aplicados

• RF-001

Artefatos

• logo-principal.png;
• index.html;
• infopage.css;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• telapagamento.html;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• alertaNewsletterPortugues.js;
• darkMode.js;
• comments.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

Para acessar e vsualizar detalhes das informações, é preciso clicar em algum card de notícia na home page.

Registro do comentário

Requisitos Funcionais aplicados

• RF-007

Artefatos

• comments.js.

Acesso a página

Para acessar a sessão do comentários, é preciso clicar em algum card ou notícia. A parte de comentários se encontrará no inferior de cada tela.

Página de envio do currículo

• Tela que irá permitir que o usuário envie o seu currículo.

Requisitos Funcionais aplicados

• RF-005

Artefatos

• infopage.css;
• index.html;
• logo-principal.png;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• telapagamento.html;
• englishajuda.html
• ajuda.html;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• alertaNewsletterPortugues.js;
• darkMode.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js;
• upload.js.

Acesso a página

• Para acessar a página, basta clicar no card mercado trabalho.

Tela doação

• Página que irá permitir o usuário a doar para uma instituição de apoio á imigrantes e refugiados.

Requisitos Funcionais aplicados

• RF-003

Artefatos

• index.html;
• logo-principal.png;
• telapagamento.html;
• englishtelapagamento.html;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• cartão cd.png;
• icon-pix.png;
• boleto banco.png;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• alertaNewsletterPortugues.js;
• darkMode.js;
• redirectPayment.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Para acessar a pagina de doação é preciso clicar no botão doação encontrado no Cabeçalho. Nele o usuário será redirecionado a pagina de doação, e poderá escolher a forma de pagamento junto do valor que deseja doar.

Tela forma pagamento pix

• Página que irá permitir o usuário realizar o pagamento da doação com pix.

Requisitos Funcionais aplicados

• RF-003

Artefatos

• index.html;
• logo-principal.png;
• pix.css;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• englishpix.html;
• QR_code_for_mobile_English_Wikipedia.svg.png;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• validacaoPix.js;
• darkMode.js;
• alertaNewsletterPortugues.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Para ser redirecionado para a página pagamento pix, o usuário deve selecionar a forma de pagamento com pix.

Tela forma pagamento cartão

• Página que irá permitir o usuário realizar o pagamento da doação com cartão de crédito.

Requisitos Funcionais aplicados

• RF-003

Artefatos

• index.html;
• englishcartao.html;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• cartão.css;
• quemsomos.html;
• residir.html:
• educacao.html;
• saude.html;
• visa.png;
• mastercard.png;
• Amex.png;
• elo.png;
• logo-principal.png;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• darkMode.js;
• alertaNewsletterPortugues.js;
• validacaoCartao.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Para ser redirecionado para a página pagamento cartão, o usuário deve selecionar a forma de pagamento com cartão de crédito.

Tela forma pagamento boleto

• Página que irá permitir o usuário realizar o pagamento da doação com boleto.

Requisitos Funcionais aplicados

• RF-003

Artefatos

• englishboleto.html;
• Sem nome [Tamanho original] (5).png;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• validacaoBoleto.js;
• darkMode.js;
• alertaNewsletterPortugues.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Para ser redirecionado para a página pagamento boleto, o usúario deve selecionar a fomra de pagamento com boleto.

Tela mensagem pagamento finalizado

• Página que confirma que o pagamento foi realizado com sucesso.

Requisitos Funcionais aplicados

• RF-003

Artefatos

• confirmacaopagamento.css;
• index.html;
• logo-principal.png;
• imigra-brasil-high-resolution-logo-color-on-transparent-background (10).png;
• englishmsgpago.html;
• accept.png;
• quemsomos.html;
• residir.html;
• educacao.html;
• saude.html;
• visa.png:
• insta-logo.png;
• facebook-logo.png;
• linkedin-logo.png;
• darkMode.js;
• alertaNewsletterPortugues.js;
• https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.

Acesso a página

• Ao preencher todos os campos da forma de pagamento escolhida, e clicar no botão doar, o usuário é redirecionado para a tela com a mensagem pagamento realizado com sucesso.